<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://struts.apache.org/tags-nested" prefix="nested"%>
<%@page import="com.lawyers.common.*"%>


<html:html>
<jsp:include page="/jsp/header.jsp" flush="true" />
<body>
	<div id="header">
		<div class="logout">
		<html:form action="LogOff"> 
			<nested:hidden property="username"/>
			<b>Usuario:</b>
			<%=((UserVO) session.getAttribute("USUARIO")).getUsername()%><br />
			<input type="button" name="salir" id="salir" value="Salir" class="botonbox"/>
		</html:form>			
		</div>
		<div style="clear: both"></div>
	</div>
	<table style="border-collapse:collapse;">
	<tr>
	<td id="menu_lat" valign="top">
	<jsp:include page="/jsp/menuLateral.jsp" flush="true" />
	</td>
	<td width="100%" valign="top">
	<div>
		<table>
			<tr>
				<td valign="top">
					<h4><bean:message key="menu.lateral.herramientas.liquidadora"/></h4>
				</td>
			</tr>
			<tr><td>&nbsp;</td></tr>
		</table>
		<table align="center" style="width: 80%;" >
			<tr align="center">
				<td>
				<html:form action="Liquidadora" >
					<nested:hidden property="accion" />
					<table class="sombra formulario" align="center" style="width: 605px;">
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.mayor.remuneracion"/></td>
							<td class="tit_tablas"><html:text property="remuneracion" styleId="remuneracion" size="40" maxlength="40" onkeypress="fOnlyN(event,this.value);" /></td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.fecha.ingreso"/></td>
							<td class="tit_tablas"><html:text property="fechaI"  readonly="readonly"  styleId="fechaI" size="40" maxlength="10" onchange="reloadMesI(this.value);"/></td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.fecha.egreso"/></td>
							<td class="tit_tablas"><html:text readonly="readonly" property="fechaE" styleId="fechaE" size="40" maxlength="10" onchange="reloadMesE(this.value);"/></td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.cantidad.horas"/></td>
							<td class="tit_tablas"><html:text property="cantidadHoras" styleId="cantidadHoras" size="40" maxlength="40" onkeypress="fOnlyNum(event);"/></td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.de"/></td>
							<td class="tit_tablas">
								<html:select property="de" styleId="de" onchange="verifyDe(this.value)">
									<html:option value="5"><bean:message key="herramientas.liquidadora.de.lv"/></html:option>
									<html:option value="6"><bean:message key="herramientas.liquidadora.de.ls"/></html:option>
									<html:option value="0"><bean:message key="herramientas.liquidadora.de.rotativo"/></html:option>
								</html:select>
							</td>
						</tr>
						<tr style="display: none" id="diasWeek">
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.de.cantidad.dias.semana"/></td>
							<td class="tit_tablas"><html:text property="cantidadDias" style="display: none;"  styleId="cantidadDias" size="40" maxlength="40" onkeypress="fOnlyNum(event);"/></td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.indemnizacion.despido"/></td>
							<td class="tit_tablas">
								<html:select property="indemnizacionDespido" styleId="indemnizacionDespido">
									<html:option value="1"><bean:message key="herramientas.liquidadora.si"/></html:option>
									<html:option value="2"><bean:message key="herramientas.liquidadora.no"/></html:option>
								</html:select>
							</td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.indemnizacion.sustitutiva"/></td>
							<td class="tit_tablas">
								<html:select property="indemnizacionSustitutiva" styleId="indemnizacionSustitutiva">
									<html:option value="1"><bean:message key="herramientas.liquidadora.si"/></html:option>
									<html:option value="2"><bean:message key="herramientas.liquidadora.no"/></html:option>
								</html:select>
							</td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.cobro.haberes"/>&nbsp;<span id="haberesMes">...</span>&nbsp;?</td>
							<td class="tit_tablas">
								<html:select property="cobroHaberes" styleId="cobroHaberes">
									<html:option value="1"><bean:message key="herramientas.liquidadora.si"/></html:option>
									<html:option value="2"><bean:message key="herramientas.liquidadora.no"/></html:option>
								</html:select>
							</td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.integracion.despido"/></td>
							<td class="tit_tablas">
								<html:select property="integracionDespido" styleId="integracionDespido">
									<html:option value="1"><bean:message key="herramientas.liquidadora.si"/></html:option>
									<html:option value="2"><bean:message key="herramientas.liquidadora.no"/></html:option>
								</html:select>
							</td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.vacaciones.no.gozadas"/></td>
							<td class="tit_tablas">
								<html:select property="vacacionesNoGozadas" styleId="vacacionesNoGozadas">
									<html:option value="1"><bean:message key="herramientas.liquidadora.si"/></html:option>
									<html:option value="2"><bean:message key="herramientas.liquidadora.no"/></html:option>
								</html:select>
							</td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.sac"/></td>
							<td class="tit_tablas">
								<html:select property="sac" styleId="sac">
									<html:option value="1"><bean:message key="herramientas.liquidadora.sac.primer.semestre"/></html:option>
									<html:option value="2"><bean:message key="herramientas.liquidadora.sac.segundo.semestre"/></html:option>
									<html:option value="0"><bean:message key="herramientas.liquidadora.sac.ambos"/></html:option>
								</html:select>
							</td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.sac.vacaciones"/></td>
							<td class="tit_tablas">
								<html:select property="sacVacaciones" styleId="sacVacaciones">
									<html:option value="1"><bean:message key="herramientas.liquidadora.si"/></html:option>
									<html:option value="2"><bean:message key="herramientas.liquidadora.no"/></html:option>
								</html:select>
							</td>
						</tr>
						<tr>
							<td class="tit_tablas" align="right"><bean:message key="herramientas.liquidadora.sac.mes.despido"/></td>
							<td class="tit_tablas">
								<html:select property="sacDespido" styleId="sacDespido">
									<html:option value="1"><bean:message key="herramientas.liquidadora.si"/></html:option>
									<html:option value="2"><bean:message key="herramientas.liquidadora.no"/></html:option>
								</html:select>
							</td>
						</tr>
						<tr>
							<td colspan="2" class="tit_tablas" align="center"><input type="button"  value="<bean:message key="herramientas.liquidadora.continuar"/>" onclick="calculate();"/></td>
						</tr>
					</table>
				</html:form>
				</td>
			</tr>
		</table>
	</div>
	</td>
	</tr>
	</table>
	<br />
	<div id="footer">
		2011 &copy; Zeus Lawyer - Aplicaci&oacute;n web desarrollada por Los
		pibe que no la ponen<br /> <br />
	</div>
	<script type="text/javascript">
		window.onload = function(){
			document.getElementById("salir").onclick = function (){
				document.logOffForm.username.value = "<%=((UserVO) session.getAttribute("USUARIO")).getUsername()%>";
				document.logOffForm.submit();
			}
			
			reloadMesE($("#fechaE").val());
		}
		
		function calculate(){
			if(validar()){
				document.liquidadoraForm.accion.value = 'liquidar';
				document.liquidadoraForm.submit();
			}
		}

		function validar(){
			$(document).find(":input:text").each(function (){
				$(this).css("background-color","white");
			});
			var valido = true;
			$(document).find(":input:text").each(function (){
				if($(this).val() == "" && $(this).attr("id") != "cantidadDias" && $(this).attr("id") != "liquidacion"){
					valido = false;
					$(this).css("background-color","yellow");
					return false;
				}else if($(this).attr("id") == "cantidadDias" && $(this).css("display") != "none" && $(this).val() == ""){
					valido = false;
					$(this).css("background-color","yellow");
					return false;
				}else{
					valido = true;
				}
			});
			
			if(valido)
				valido = checkDot($("#remuneracion").val());
			if(valido)
				valido = checkSAC();
			return valido;
		}
		
		function reloadMesE(valor){
			var mes = "";
			if(valor.substr(3,2) == '01')
				mes = "Enero";
			else if(valor.substr(3,2) == '02')
				mes = "Febrero";
			else if(valor.substr(3,2) == '03')
				mes = "Marzo";
			else if(valor.substr(3,2) == '04')
				mes = "Abril";
			else if(valor.substr(3,2) == '05')
				mes = "Mayo";
			else if(valor.substr(3,2) == '06')
				mes = "Junio";
			else if(valor.substr(3,2) == '07')
				mes = "Julio";
			else if(valor.substr(3,2) == '08')
				mes = "Agosto";
			else if(valor.substr(3,2) == '09')
				mes = "Septiembre";
			else if(valor.substr(3,2) == '10')
				mes = "Octubre";
			else if(valor.substr(3,2) == '11')
				mes = "Noviembre";
			else if(valor.substr(3,2) == '12')
				mes = "Diciembre";
			else
				mes = "...";
			$("#haberesMes").text(mes);
		}
		
		function reloadMesI(valor){
			$( "#fechaE" ).datepicker( "option", "minDate", new Date(valor.substr(6,4), valor.substr(3,2)*1 - 1, valor.substr(0,2)) );
			reloadMesE($( "#fechaE" ).val());
		}
		
		function verifyDe(value){
			if(value == '0'){
				$("#diasWeek").show();
				$("#cantidadDias").css("display","");
			}
			else{
				$("#diasWeek").hide();
				$("#cantidadDias").css("display","none");
			}
		}
		
		jQuery(document).ready(function(){
			jQuery( "#fechaI" ).datepicker({
				changeMonth: true,
				changeYear: true,
				dateFormat: 'dd/mm/yy',
				yearRange: "-65:+0",
				showAnim: 'fadeIn'
			});
			jQuery( "#fechaE" ).datepicker({
				dateFormat: 'dd/mm/yy',
				changeMonth: true,
				changeYear: true,
				yearRange: "-65:+0",
				showAnim: 'fadeIn'
				});
		});
		
		function fOnlyN(event,valor) {
			var kCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
			if (!(kCode >= 48 && kCode <= 57) && kCode != 8 && kCode != 13 && kCode != 46) {
				event.returnValue = false;
				if (event.stopPropagation) {
					event.stopPropagation();
					event.preventDefault();
				}
			}
		}
		
		function fOnlyNum(event) {
			var kCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
			if (!(kCode >= 48 && kCode <= 57) && kCode != 8 && kCode != 13) {
				event.returnValue = false;
				if (event.stopPropagation) {
					event.stopPropagation();
					event.preventDefault();
				}
			}
		}
		
		function checkDot(valor){
			if(valor.indexOf(".") == 0 || valor.split(".").length - 1 > 1){
				$("#remuneracion").css("background-color","yellow");
				return false;
			}
			else{
				$("#remuneracion").css("background-color","white");
				return true;
			}
				
		}
		
		function checkSAC(){
			var sac = $("#sac").val();
			var mes = $("#fechaE").val().substr(3,2);
			if(sac == 1){
				if(mes <= 6)
					return true;
				else
					return false;
			}else if(sac == 2 || sac == 0){
				if(mes > 6 && mes <= 12)
					return true;
				else
					return false;
			}
			/*1 primero , 2 segundo, 0 ambos el chequeo tiene que ser, si eligio 1 que el mes sea hasta 6 
			si eligio 2, que el mes sea mas de 6 y si es 0 que el mes sea mas de 6
			*/
			
			
			
		}
	</script>
</body>
</html:html>

